<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:appcommons="http://www.fabsoft.cesupa.br/appcommons">

    <ui:composition template="../help-template.xhtml">
        <ui:param name="pagetitle" value="Tech help"/>
        <ui:param name="pageicon" value="#{facesContext.externalContext.request.contextPath}/images/icons/page-16x16.gif"/>
        <ui:param name="pagekeywords" value="tópicos de ajuda"/>
        <ui:param name="pagedescription" value="ajuda técnica"/>

        <ui:define name="help-content">
            <div class="first-section">
                <span class="section-title"><b style="font-size:x-small;">Seção 1.0</b><br/>Greater simplification and customizability in headless builds</span>
                <div class="section-content">
                    RichFaces 
                    About vector graphics Vector graphics render images using lines and
                    curves, called vectors, that include color and position information.
                    For example, the image of a leaf may be defined by a series of points
                    that describe the outline of the leaf.

                    <br/><br/>
                    <img height="200" width="420" src="../images/placeholder-logo.gif"/><br/>
                    <span class="caption">Figura 1. Logo do buscador Google.</span>
                    <br/><br/>
                    When you edit a vector graphic, you modify the properties of the
                    lines and curves that describe its shape. Vector graphics are
                    resolution-independent, which means you can move, resize, reshape,
                    or change the color of a vector graphic, as well as display it on
                    output devices of varying resolutions, without changing the quality
                    of its appearance.
                    <br/>
                    <appcommons:goToTop/>
                </div>
            </div>
            <div class="section">
                <div class="section-content">
                    About vector graphics Vector graphics render images using lines and
                    curves, called vectors, that include color and position information.
                    For example, the image of a leaf may be defined by a series of points
                    that describe the outline of the leaf.

                    <br/><br/>
                    <img height="200" width="420" src="../images/placeholder-logo.gif"/><br/>
                    <span class="caption">Figura 1. Logo do buscador Google.</span>
                    <br/><br/>
                    When you edit a vector graphic, you modify the properties of the
                    lines and curves that describe its shape. Vector graphics are
                    resolution-independent, which means you can move, resize, reshape,
                    or change the color of a vector graphic, as well as display it on
                    output devices of varying resolutions, without changing the quality
                    of its appearance.
                    <br/>
                    <appcommons:goToTop/>
                </div>
            </div>
            <div class="section">
                <span class="section-title"><b style="font-size:x-small;">Seção 1.0</b><br/>Greater simplification and customizability in headless builds</span>
                <div class="section-content">
                    About vector graphics Vector graphics render images using lines and
                    curves, called vectors, that include color and position information.
                    For example, the image of a leaf may be defined by a series of points
                    that describe the outline of the leaf.

                    <br/><br/>
                    <img height="200" width="420" src="../images/placeholder-logo.gif"/><br/>
                    <span class="caption">Figura 1. Logo do buscador Google.</span>
                    <br/><br/>
                    When you edit a vector graphic, you modify the properties of the
                    lines and curves that describe its shape. Vector graphics are
                    resolution-independent, which means you can move, resize, reshape,
                    or change the color of a vector graphic, as well as display it on
                    output devices of varying resolutions, without changing the quality
                    of its appearance.
                    <br/>
                    <appcommons:goToTop/>
                </div>
            </div>
            <div class="section">
                <span class="section-title"><b style="font-size:x-small;">Seção 1.0</b><br/>Greater simplification and customizability in headless builds</span>
                <div class="section-content">
                    About vector graphics Vector graphics render images using lines and
                    curves, called vectors, that include color and position information.
                    For example, the image of a leaf may be defined by a series of points
                    that describe the outline of the leaf.

                    <br/><br/>
                    <img height="200" width="420" src="../images/placeholder-logo.gif"/><br/>
                    <span class="caption">Figura 1. Logo do buscador Google.</span>
                    <br/><br/>
                    When you edit a vector graphic, you modify the properties of the
                    lines and curves that describe its shape. Vector graphics are
                    resolution-independent, which means you can move, resize, reshape,
                    or change the color of a vector graphic, as well as display it on
                    output devices of varying resolutions, without changing the quality
                    of its appearance.
                    <br/>
                    <appcommons:goToTop/>
                </div>
            </div>
        </ui:define>
    </ui:composition>
</html>
